/**商品模块 2017-4-10 09:22:59;**/
em,i{ font-style: normal; }
ul{list-style: none;}
/**商品类型**/
.good-box{ display: block; margin-top: 30px; }
.good-btn{ display: block; margin-bottom: 30px; overflow: hidden; }
.good-btn .btn-a{ float: left; }
.good-btn .btn-a a{ display: inline-block; width: 115px; line-height: 28px; margin-right: 12px; border:1px solid #EC5051; text-align: center; font-size: 14px; color: #EC5051;}
.good-btn .btn-a a:hover{ background-color: #EC5051; color: #fff; }
.good-btn .btn-form{ float: right; font-size: 14px;}
.good-btn .btn-form .text{ width: 198px; line-height: 28px; margin-right: 10px; padding:0 2px; }
.good-btn .btn-form .submit{ width: 90px; height: 30px; background-color: #BCBCBC; text-align: center; border:none; color: #fff; cursor: pointer;}
.good-btn .btn-select{ float: right; margin-right: 50px; _display: inline; font-size: 14px;}
.good-btn .btn-select select{ width: 200px; height: 30px; line-height: 30px; padding-top: 0 2px; }

.good-tab{ display:block; overflow:hidden;}
.good-tab tr{ float: left; width: 100%; line-height:50px; border-bottom:1px solid #F0F0F0; background-color:#fff; font-size:14px; color:#333;}
.good-tab .title{ background-color: #F2F2F2; border-top: 2px solid #D7D7D7; border-bottom: none;}
.good-tab th,.good-tab td{ float:left; text-align:center;}
.good-tab .num b{ color: #EC5051; }
.good-tab .btn a{ display:inline-block; padding: 0 10px; margin:0 6px; line-height:24px; border-radius:3px; border:1px solid #999;}

.good-type-add{ display: none; background-color: #fff; }
.good-type-add ul{ width: 600px; padding-top:50px; margin: 0 auto; }
.good-type-add li .tit{ float: left; width: 150px; text-align: right; font-size: 14px; line-height: 30px; }
.good-type-add li .tit b{ color: #EC5051; }
.good-type-add li .text{ width: 355px; line-height: 28px; padding: 0 2px; }
.good-type-add li .submit,.good-type-add button.btn-success{ display: inline-block; width: 94px; line-height: 40px; margin: 45px 0 0 150px; padding:0; border:none; border-radius: 5px; background-color: #FFBE34; font-size: 14px; color: #fff; cursor: pointer; }
.good-type-add button.btn-success:hover{ background-color: #FFBE34; color: #fff;}

.good-add-suc{ display: none; padding-top: 50px; text-align: center; }
.good-add-suc span{ display: inline-block; width: 200px; text-align: left; line-height: 200%; font-size: 14px;}
.good-add-suc span b{ display: block; margin-bottom: 10px; font-size: 30px; }
.good-add-suc span a{ display: block; color: #FFBE34;}

.good-add-attr{ width:85%; margin:10px auto 0;}
.good-add-attr li{ float:left; width:100%; margin-top:20px; line-height:32px; font-size:14px; color:#333;}
.good-add-attr li .tit{ float:left; width:150px; margin-right:18px; _display:inline; text-align:right; font-weight:bold;}
.good-add-attr li .tit b{ font-weight:normal; color:#FFBE34;}
.good-add-attr li input.common{ width:300px; line-height:30px; border:none; background-color:#fff; padding:0 5px; font-size:14px; color:#333;}
.good-add-attr li input.number{ width: 100px; }
.good-add-attr li label{ margin-right:36px;}
.good-add-attr li label input{ display:none;}
.good-add-attr li label input[type="radio"] + span{ display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:2px; background-color:#fff; border:1px solid #ccc; cursor:pointer;}
.good-add-attr li label input[type="radio"]:checked + span{ background-color:#FFBE34; border-color:#FFBE34;}
.good-add-attr li select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; width:210px; height:30px; line-height:30px; margin-right:15px; padding:0 5px; border:none; font-size:14px; background:#fff url(../images/select.png) no-repeat right; cursor:pointer;}
.good-add-attr li.btn{ text-align: left;}
.good-add-attr li.btn input{ display:inline-block; width:120px; margin:20px 0 0 155px; line-height:30px; text-align:center; background-color:#FFBE34; color:#fff; letter-spacing:4px; font-weight:bold; border-radius:4px; border:1px solid #FFBE34; cursor:pointer;}
.good-add-attr li.btn input.reset{ margin-left: 10px; }
.good-add-attr li p{ font-size: 14px; color: #999; line-height: 160%; padding-left: 170px; }
.good-add-attr li em{ padding-left: 10px; font-style: normal; font-size: 14px; color: #999; }
.good-add-attr li textarea{ width:300px; line-height:30px; min-height: 150px; border:none; background-color:#fff; padding:0 5px; font-size:14px; color:#333;}

/**底部分页**/
.good-page{ display: block; padding: 20px 0; font-size: 14px; text-align: right; position:relative;}
.good-page a{ display: inline-block; width: 30px; line-height: 30px; margin: 0 3px; border:1px solid #797979; border-radius: 5px; text-align: center; }
.good-page a:hover,.good-page a.cur{ background-color: #ccc; color: #333; }
.good-page input.number{ width: 28px; line-height: 25px; text-align: center;}
.good-page .batch{ position: absolute; top: 20px; left: 0; font-size: 14px; }
.good-page .batch select{ width: 109px; height:30px; line-height: 30px; margin-right: 10px; }
.good-page .batch input{ width: 90px; height: 30px; line-height: 30px; border: none; background-color: #ccc; color: #fff; cursor: pointer;}

/**商品列表**/
.good-tab .name{ text-align: left; padding: 12px 0; line-height: 200%;}
.good-tab .name img{ float: left; width: 85px; height: 85px; background-color: #ccc; margin:0 20px; _display: inline; }
.good-tab .name .tit{ display: block; height: 30px; line-height: 30px; overflow: hidden; }
.good-tab .name em{ color: #FFBE34; }
.good-tab .price{ padding-top: 12px; line-height: 200%; }
.good-tab .title .trans{ cursor: pointer; }
.good-tab .title .trans img{ margin-left: 5px; }

.good-tabbox{ display: block; margin-top: 25px; border-bottom: 1px solid #E4E4E4; overflow: hidden;}
.good-tabbox li{ float: left; width: 127px; line-height: 39px; text-align: center; font-size: 14px; margin-right: 8px; background-color: #E4E4E4; border-radius: 5px 5px 0 0; cursor: pointer;}
.good-tabbox li.cur{ background-color: #FFBE34; color: #fff; }

/**商品列表**/
.process{ width:600px;  margin: 45px auto 0; text-align:center; position: relative;}
.process hr{ position: absolute; top: 22px; left: 100px; width: 400px; height: 2px; background-color: #D7D7D7; color: #D7D7D7; font-size: 0; line-height: 0; z-index: 100;}
.process a{ position: relative; display: inline-block; width: 100px; margin: 0 50px; text-align: center; font-size: 14px; z-index: 101;}
.process a i{ display:block; width: 44px; margin: 0 auto 15px; line-height: 44px; background-color: #D7D7D7; border-radius: 50%; text-align: center; font-style: normal;}
.process a.cur i{ background-color: #FFBE34; color: #fff; }
.process a:hover{ color: #333; }

.list-box{ display: block; padding:30px 55px 60px; margin-top: 40px; background-color: #fff; overflow: hidden;}
.list-box h3{ display: block; margin-bottom: 30px; line-height: 35px; border-bottom: 1px solid #D7D7D7; font-size: 14px; }

.select-res{ display: block; line-height: 28px; font-size: 14px;}
.select-res b{ float: left;; font-weight: normal; }
.select-res .select-span{display:inline-block;width:380px; padding: 0 4px; height: 28px; line-height:28px;border:solid 1px #BCBCBC; color: #333;background:url(../images/select_box_bg.gif) no-repeat 365px center; cursor: pointer; overflow:hidden; appearance:none; -moz-appearance:none; -webkit-appearance:none;}

.select-box{ display:block;z-index:5; overflow: hidden;}
.select-box .wrap{ display: block; margin-top: 35px; overflow: hidden; position: relative;}
.select-box ul{float:left; width: 28%; padding:5px 0; height:406px; border: 1px solid #BCBCBC; overflow-y:scroll;}
.select-box ul li{ display: block; margin: 0 5px 0 25px; line-height:40px;color:#626262;cursor:pointer; border-bottom: 1px solid #D7D7D7; font-size: 14px; padding-left: 12px;}
.select-box ul li.selected{ background-color:#FFECC2;color:#EC5069;}
.select-box ul.first,.select-box ul.second{ margin-right: 7%;}
.select-box ul.first{ display: block;}

.select-box .wrap .icon{ position: absolute; top: 170px; z-index: 200; width: 40px; height: 40px; background: url(../images/select_box_bg2.png) no-repeat;}
.select-box .wrap .arrow1{ left: 30%; }
.select-box .wrap .arrow2{ right: 31%; }

.select-result{ display: block; margin-top: 30px; font-size: 14px;}
.select-result span{ display: inline; color: #EC5069; font-size: 14px; }
.select-bot{ display: block; margin: 60px 0 20px; text-align: center;}
.select-bot a{ display: inline-block; width: 277px; line-height: 46px; margin: 0 5px; font-size: 20px; color: #fff; background-color: #C9C9C9; text-align: center; border-radius: 5px;}
.select-bot a.cur,.select-bot a:hover{ background-color: #FFBE34;}
.select-bot a.prev{ background-color: #fff; border:1px solid #FFBE34; color: #FFBE34; }

.pro-msg li{ margin-top: 10px; }
.pro-msg li input.common,.pro-msg li select{ width: 200px; line-height: 28px; border:1px solid #E2E3EA; border-top-color: #ABADB3; border-radius: 3px;}
.pro-msg li select{ width: 212px; }
.pro-msg li .upload-img{ float: left; width: 120px; height: 120px; background-color: #E4E4E4; margin-right: 12px; line-height: 120px; text-align: center; color: #999; }
.edit-box{ display: block; min-height: 500px; background-color: #eee; }
.pro-msg li label input[type="checkbox"] + span{ display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:2px; background-color:#fff; border:1px solid #ccc; cursor:pointer;}
.pro-msg li label input[type="checkbox"]:checked + span{ background-color:#FFBE34; border-color:#FFBE34;}
.pro-msg li a.back{ display: inline-block; margin-left: 10px; line-height: 20px; padding: 0 8px; background-color: #169BD5; border-radius: 5px; color: #fff; font-size: 12px;}

/**复选框样式**/
.pro-msg .stores{ display: block; margin-top: 5px;}
.pro-msg .stores input{ display: none; }
.pro-msg .stores input[type="checkbox"] + span{ display: inline-block; width: 55px; height: 22px; border-radius: 12px; background-color: #ccc; border:none; transition: all 0.4s ease; position: relative; z-index: 100;}
.pro-msg .stores input[type="checkbox"]:checked + span{ background-color:#009900;}
.pro-msg .stores input[type="checkbox"] + span::after{ content: ""; position: absolute; top: 2px; left: 3px; width: 18px; height: 18px; background-color: #fff; border-radius: 50%; z-index: 101; transition: all 0.4s ease;}
.pro-msg .stores input[type="checkbox"]:checked + span::after{ left: 33px }

/**添加商品**/
.pro-type{ display: block; padding:30px 0 0 200px; font-size: 14px;}
.pro-type select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; margin-right:15px; padding:0 5px;width: 200px; line-height: 28px; border:1px solid #E2E3EA; border-top-color: #ABADB3; border-radius: 3px; font-size:14px; background:#fff url(../images/select.png) no-repeat right; cursor:pointer;}
.pro-arg{ display: block; margin-top: 45px; background-color: #FFF9EB; overflow: hidden;}
.arg-box{ display: none; padding-left: 200px; padding-bottom: 36px; overflow: hidden;}
.arg-li{ float: left; width: 100%; margin-top: 20px;}
.arg-li .tit{ display: block; font-size: 14px; font-weight: bold; line-height: 30px;}
.arg-li ul{ display: block; padding-left: 80px; }
.arg-li li{ float: left; min-width: 210px; margin:0 20px 18px 0; _display: inline; font-size: 14px; line-height: 30px; }
.arg-li li input{ width: 130px; padding: 0 2px; line-height: 28px; border:1px solid #E2E3EA; border-top-color: #ABADB3; border-radius: 3px;}
.arg-li .color-box{ font-size: 14px; }
.arg-li .color-box b{ padding-left: 108px; }
.arg-li .color-box input{ display: none; }
.arg-li .color-box label{ margin-right: 15px; }
.arg-li .color-box label input[type="checkbox"] + span{ display:inline-block; width:9px; height:9px; margin-right:8px; border-radius:2px; background-color:#fff; border:1px solid #ccc; cursor:pointer;}
.arg-li .color-box label input[type="checkbox"]:checked + span{ background-color:#FFBE34; border-color:#FFBE34;}

.arg-tab{ display: none; float: left; width: 100%; padding-bottom: 5px; overflow: hidden; }
.arg-tab tr{ float: left; width: 100%; line-height: 45px; font-size: 14px;}
.arg-tab .tab-tit{ background-color: #FFECC2; }
.arg-tab th,.arg-tab td{ float: left; text-align: center; }
.arg-tab input{ width: 108px; padding: 0 2px; line-height: 28px; border:1px solid #E2E3EA; border-top-color: #ABADB3; border-radius: 3px;}
.arg-tab .btn a{ display:inline-block; padding: 0 10px;line-height:24px; border-radius:3px; border:1px solid #999;}

.pro-type-edit{ display: none; margin-top: -50px; }
.pro-type-edit h3{ margin-bottom: 10px; }
.edit-con{ display: block; padding-left: 35px; font-size: 14px; line-height: 26px; }
.edit-con input{ width: 118px; margin-right: 45px; padding: 0 2px; line-height: 24px; border:1px solid #E2E3EA; border-top-color: #ABADB3; border-radius: 3px;}
.pro-type-bot p{ margin-bottom: 15px; line-height: 35px; font-size: 14px; color: #999; }
.pro-type-bot p a{ display: inline-block; width: 96px; line-height: 35px; margin-right: 5px; text-align: center; border-radius: 5px; background-color: #EC5051; font-size: 15px; color: #fff; }
.pro-type-bot li{ float: left; width: 260px; height: 260px; background-color: #eee; margin: 10px 16px 0 0; _display: inline; overflow: hidden;}
@media only screen and (max-width: 1440px) {
    .pro-type-bot li{ width: 200px; height: 200px; margin: 10px 5px 0 0;}
}

/**添加运费模板**/
.freight li p{ line-height: 32px; }
.freight li p a{ float: right; color: #62B0FF; }
.freight li .submit{ display: inline-block; width: 94px; line-height: 40px; margin:20px 0 0 168px; border-radius: 5px; background-color:#FFBE34; border:none; color: #fff; cursor: pointer; }
.freight-box{ display: block; min-height: 380px; _height: 380px; overflow: hidden; position: relative;}
.freight-box .title{ display: block; text-align: center; line-height: 38px; background-color: #FFECC2; border-bottom: none;}
.freight-box .title input{ width: 55px; padding: 0 2px; line-height: 23px; margin: 0 5px;}
.freight table{ display: none; border: 1px solid #BCBCBC; }
.freight table .tab-tit{ float: left; width: 100%; line-height: 45px; border-bottom: 1px solid #BCBCBC;}
.freight table th,.freight table td{ float: left; text-align: center; }
.freight table td{ line-height: 55px; }
.freight table input{ width: 64px; padding: 0 2px; line-height: 29px; }
.freight table .area{ text-align: left; text-indent: 15px; }
.freight table .area b{ font-weight: normal; }
.freight table .area a{ float: right; color: #62B0FF;}
.freight .area-box{ display: none; position: absolute; top: 38px; left: 0; width: 100%; background-color: #F2F2F2; }
.area-box h4{ display: block; line-height: 51px; background-color:#FFBE34; padding-left: 22px; font-size: 16px; font-weight: bold; color: #fff;}
.area-box .box-con{ float: left; width: 100%; }
.area-box .box-con li{ float: left; width: 95px; margin: 15px 0 0 20px; _display: inline; position: relative;}
.area-box .box-bot{ float: left; width: 100%; margin: 35px 0 10px; text-align: center;}
.area-box .box-bot a{ display: inline-block; width: 62px; margin:0 8px; line-height: 28px; border-radius: 5px; background-color:transparent; border:1px solid #FFBE34; color: #FFBE34; }
.area-box .box-bot a:hover,.area-box .box-bot a.cur{ background-color:#FFBE34;color: #fff;}
.area-box .box-con li .city{ display: none; position: absolute; top: 25px; left: 0; width: 345px; padding-left: 12px;  background-color: #fff; z-index: 200;}
.area-box .box-con li .city span{ display: inline-block; min-width: 65px; margin-top: 5px; line-height: 25px;}












